<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../../favicon.ico">

    <title>Accound</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/webjars/bootstrap/4.1.0/css/bootstrap.css}" rel="stylesheet">
    <!--<link href="../css/index.css" rel="stylesheet">-->
</head>

<body class="bg-light">
<div class="container-fluid">
    <div th:replace="common::navBar"></div>
    <div class="row">
        <div th:replace="common::sideBar"></div>
        <div class="col-md-10 order-md-1">
            <div class="py-5 text-center">
                <h4 class="mb-3">Account</h4>
            </div>
            <form class="needs-validation" novalidate th:action="@{/addAccount}" method="post">
                <input type="hidden" name="_method" value="put" th:if="${account!=null}"/>
                <input type="hidden" name="id" th:if="${account!=null}" th:value="${account.id}">
                <div class="row">
                    <div class="mb-3 col-md-12">
                        <label for="accountName">账户名称</label>
                        <input name="accountName" type="text" class="form-control" id="accountName" placeholder="公众号名称"
                               required th:value="${account!=null}?${account.accountName}">
                        <div class="invalid-feedback">
                            账户名称
                        </div>
                    </div>
                    <div class="mb-3 col-md-12">
                        <label for="accountId">微信号ID</label>
                        <input name="accountId" type="text" class="form-control" id="accountId" placeholder="微信号ID" required
                               th:value="${account!=null}?${account.accountId}">
                        <div class="invalid-feedback">
                            微信号ID
                        </div>
                    </div>
                    <div class="mb-3 col-md-12">
                        <label for="accessTokenUrl">accessTokenUrl</label>
                        <input name="accessTokenUrl" type="text" class="form-control" id="accessTokenUrl" placeholder="accessTokenUrl" required
                               th:value="${account!=null}?${account.accessTokenUrl}">
                        <div class="invalid-feedback">
                            accessTokenUrl
                        </div>
                    </div>
                </div>
                <hr class="mb-4">
                <button class="btn btn-primary btn-lg" type="submit">提交</button>
            </form>
        </div>
    </div>

    <footer class="my-5 pt-5 text-muted text-center text-small">
        <p class="mb-1">&copy; 2017-2018 Company Name</p>
        <ul class="list-inline">
            <li class="list-inline-item"><a href="#">Privacy</a></li>
            <li class="list-inline-item"><a href="#">Terms</a></li>
            <li class="list-inline-item"><a href="#">Support</a></li>
        </ul>
    </footer>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script th:src="@{/webjars/jquery-slim/3.0.0/dist/jquery.slim.js}"></script>
<script th:src="@{/webjars/bootstrap/4.1.0/js/bootstrap.js}"></script>
<script>
</script>
</body>
</html>
